<template>
  <div>
    <img class="img" :src="src" @click="handBigPhoto(src)"/>
    <imgDialog ref="imgDialog"></imgDialog>
  </div>
</template>

<script>
import imgDialog from '@/components/dialog/imgDialog'

export default {
  components: {
    imgDialog
  },
  props: {
    src: {
      type: String,
      default: ''
    }
  },
  data() {
    return {

    };
  },
  methods: {
    handBigPhoto(src) {
      this.$refs.imgDialog.show(src)
    },
  }
};
</script>
<style lang="scss" scoped>
.img {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
</style>